<div class="login-container">
    <h1>用户登录</h1>
    <el-form el-class="login-form" [formGroup]="validateForm" label-width="100px"
    [show-icon]="true" [show-message]="true">
   
     <el-form-item label="邮箱" [required]="true"
       [status]="statusCtrl('mail')" [error]="messageCtrl('mail')">
       <el-input formControlName="mail"></el-input>
     </el-form-item>
     
     <el-form-item label="密码" [required]="true"
       [status]="statusCtrl('password')" [error]="messageCtrl('password')">
       <el-input formControlName="password" native-type="password"></el-input>
     </el-form-item>
     
     <el-form-item>
       <el-button type="primary" (click)="submit()">提交</el-button>
       <el-button (click)="reset()">重置</el-button>
     </el-form-item>
     
   </el-form>
</div>
